<template>
    <ui-main title="按钮组件">
        <div class="item one">
            <h3>折叠栏按钮( 滚动式:)</h3>
            <div>
                <ui-btn name="刷新"></ui-btn>
                <span class="parting-line"></span>
                <ui-btn name="增加"></ui-btn>
                <ui-btn name="添加"></ui-btn>
                <ui-btn name="哇哈哈哈哇哈" type="primary" icon="sticker mule icon"></ui-btn>
                <ui-btn name="哇哈哈哈哇哈" type="primary" icon="exchange icon"></ui-btn>
            </div>
            <hr>
            <!-- tip式:
             <ui-btn name="刷新" tip></ui-btn>
             <ui-btn name="增加" tip></ui-btn>
             <ui-btn name="添加" tip></ui-btn>
             <ui-btn name="哇哈哈哈哇哈" type="secondary" icon="sticker mule icon" tip></ui-btn>-->
            <h3>表格中的按钮</h3>
            <div>
                <ui-tab-btn name="自定义" icon="el-icon-loading" @click="ccc" type="info"></ui-tab-btn>
                <ui-tab-btn name="修改" type="info"></ui-tab-btn>
                <ui-tab-btn name="增加"></ui-tab-btn>
                <ui-tab-btn name="删除"></ui-tab-btn>
                <ui-tab-btn name="取消"></ui-tab-btn>
                <ui-tab-btn name="查看"></ui-tab-btn>
                <ui-tab-btn name="关闭"></ui-tab-btn>
                <ui-tab-btn name="提交"></ui-tab-btn>
                <ui-tab-btn name="保存"></ui-tab-btn>
                <ui-tab-btn name="审核"></ui-tab-btn>
                <ui-tab-btn name="打印"></ui-tab-btn>
                <ui-tab-btn name="导出"></ui-tab-btn>
                <ui-tab-btn name="导入"></ui-tab-btn>
                <ui-tab-btn name="上传"></ui-tab-btn>
                <ui-tab-btn name="下载"></ui-tab-btn>
                <ui-tab-btn name="申请"></ui-tab-btn>
                <ui-tab-btn name="填报"></ui-tab-btn>
                <ui-tab-btn name="设置"></ui-tab-btn>
                <ui-tab-btn name="启用"></ui-tab-btn>
                <ui-tab-btn name="停用"></ui-tab-btn>
            </div>
        </div>
        <div class="item two">
            <ui-load-md file="button"></ui-load-md>
        </div>
    </ui-main>
</template>
<script>
    export default {
        name: '',
        data() {
            return {
                id: '520102',
                label: '贵州/贵阳/南明区'
            }
        },
        mounted() {

        },
        watch: {},
        methods: {
            ccc() {
                console.log('我被点击了');
            }
        }
    }
</script>
